<template>
  <div class="school">
    <h2>学校名称：{{ name }}</h2>
    <h2>学校地址：{{ address }}</h2>
  </div>
</template>

<script>
// 引入pubsub-js库
import pubsub from 'pubsub-js'
export default {
  name: "School",
  data() {
    return {
      name: "尚硅谷",
      address: "北京",
    };
  },
  mounted() {
    // console.log('School',this);
    /* this.$bus.$on("hello", (data) => {
      console.log("我是School组件，收到了数据：", data);
    }); */
    // 订阅消息，消息名：hello
    this.pubId = pubsub.subscribe('hello',(msgName,data)=>{
      console.log(this);
      console.log('有人发布了hello消息，hello消息的回调执行了',msgName,data);
    })
  },
  beforeDestroy() {
    // 组件销毁之前关闭hello事件（解绑）
    // this.$bus.$off('hello')
    // 取消订阅消息
    pubsub.unsubscribe(this.pubId)
  },
};
</script>

<style scoped>
.school {
  background-color: skyblue;
  padding: 5px;
  margin: 5px;
}
</style>